<template>
    <div class="container">
        <slot name="header" id="header"></slot>
        <slot name="body" id="body"></slot>
        <slot name="footer" id="footer"></slot>
    </div>
</template>

<script setup>
</script>

<style lang="scss" scoped>

.container {
    @include card;
    text-align: left;
    background-color: var(--card-bg-color);
    color: var(--text-color);
    overflow: hidden;
}
    
</style>